<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
	<title>Document</title>
	<link href="../css/wap/person-page.css" rel="stylesheet">
	<link href="../css/base.css" rel="stylesheet">
    <script type="text/javascript" src="../js/jquery-1.9.1.min.js"></script>
</head>
<body>
	<ul class="dock">
	<li><a href="index.html">课程学习</a></li>
	<li class="active"><a href="person-page.html">个人中心</a></li>
	<li><a href="">下载APP</a></li>
</ul>
	<div class="main">
		<div class="person-info">
			<div class="head">
				<img src="../images/head.png" />
			</div>
			<div class="info">
				<h3>张三</h3>
			</div>
		</div>
		<div class="course">
			<div class="course-nav">
				<ul>
					<a  href="javascript:void(0);"><li class="selected">最近学习</li></a>
					<a href="javascript:void(0);"><li>我的课程</li></a>
				</ul>
			</div>
			<div class="course-list">
				<ul>
					<li class="course-one">
						<a href="wap-play.html">
							<div>
								<div class="thumbnail">
									<img src="../images/1-4.jpg" alt="缩略图"/>
								</div>
								<div class="caption">
									<h3 class="caption-top">了解平台的功能和业务范围</h3>
									<div class="caption-bottom">
										<span class="red">已经学习35%</span><br/>
										<span>用时9小时34分</span>
									</div>
								</div>
							</div>
						</a>
					</li>
					<li class="course-one">
						<a href="wap-play.html">
							<div>
								<div class="thumbnail">
									<a href="wap-play.html"><img src="../images/1-6.jpg" alt="缩略图"/></a>
								</div>
								<div class="caption">
									<h3 class="caption-top">了解平台的功能和业务范围</h3>
									<div class="caption-bottom">
										<span class="red">已经学习35%</span><br/>
										<span>用时9小时34分</span>
									</div>
								</div>
							</div>
						</a>
					</li>
					<li class="course-one">
						<a href="wap-play.html">
							<div>
								<div class="thumbnail">
									<a href="wap-play.html"><img src="../images/1-3.jpg" alt="缩略图"/></a>
								</div>
								<div class="caption">
									<h3 class="caption-top">了解平台的功能和业务范围</h3>
									<div class="caption-bottom">
										<span class="red">已经学习35%</span><br/>
										<span>用时9小时34分</span>
									</div>
								</div>
							</div>
						</a>
					</li>
				</ul>
			</div>
		</div>
	</div>
	<script type="text/javascript">
	$(function(){
		$(".nav").click(function(){
			$(".nav-all").toggle();
			$(".content").toggle();
		});
		$(function(){
			var imgs= $(".thumbnail").find("img");
			var imgW= parseInt(imgs.css("width"));
			imgs.css("height",imgW*0.6+"px");
		});
	});
</script>
</body>
</html>